<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/inc/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用户中心登录注册弹出框</title>
<link type="text/css" rel="stylesheet" href='${staticRSC["css/haoyao.css"]}' />
<link type="text/css" rel="stylesheet" href='${staticRSC["css/login.css"]}' />
<script type="text/javascript" src='${staticRSC["js/haoyao2.js"]}'></script>

</head>
<body>

<div id="body" class="login-box-container">
    <div class="windows cf">
        <div class="login-box flex-box auto" id="ubox1">
            <ul class="login_title cf">
                <li><a href="javascript:void(0)" class="cur link-login">登&nbsp;录</a></li>
                <li><a href="javascript:void(0)" class="link-register">注&nbsp;册</a></li>
            </ul>
            <div class="united-login">
                <a href="javascript:void(0)" class="wx" onclick="window.open('/openplatform/index/6','child','width=800,height=600,left=0,top=0');">微信登录</a>
                <a href="javascript:void(0)" class="wb" onclick="window.open('/openplatform/index/4','child','width=800,height=600,left=0,top=0');">微博登录</a>
                <a href="javascript:void(0)" class="tx" onclick="window.open('/openplatform/index/3','child','width=800,height=600,left=0,top=0');">QQ登录</a>
                <a href="javascript:void(0)" class="zf" style="visibility:hidden">支付宝登录</a>
                <span class="arrow"></span>
            </div>
            <div class="login-container" id="login_box">
                <p class="login-tip">无帐号也可用手机获取动态密码号直接登录</p>
                <div class="tab">
                    <div class="tabs cf" id="tab">
                        <div class="common-tab">
                            <ul class="cf">
                                <li class="row"><p class="input-layout input-name"><input type="text" value="" autocomplete="off" class="inputtexts name" id="login_name2" tabindex="1"/></p></li>
                                <li class="row">
                                    <span class="btn-border btn-border2"><a tabindex="-1" id="login_prev" class="submit-btn-green btn-prev" href="javascript:void(0)"><span class="fore">手机动态登录</span></a></span>
                                    <p class="input-layout phone-pwd-layout phone-pwd-layout2"><input type="password" autocomplete="off" class="inputtexts password cmomon-pwd"  tabindex="2" id="cmomon_pwd" value="" /></p>
                                </li>
                                <li><a href="javascript:void(0)"  class=" submit-btn-green login_btn" id="login_btn2"><span class="fore">登&nbsp;&nbsp;录</span><span class="back">处理中...</span></a></li>
                                
                            </ul>
                        </div>
                        <div class="phone-tab">
                            <ul class="cf">
                                <li class="row"><p class="input-layout input-name"><input type="text" value="" autocomplete="off" class="inputtexts name" id="login_name" tabindex="-1"/></p></li>
                                <li class="row img-wrap cf"><span class="input-layout"><input type="text" value="请输入验证码" autocomplete="off" class="inputtexts vd" id="img_validate2" tabindex="-1" /></span><img src="" alt="验证码" id="img_btn2" /></li>
                                <li class="row">
                                    <span class="btn-border" style="width:108px;"><a id="login_next" tabindex="-1" class="submit-btn-green btn-next" href="javascript:void(0)"><span class="fore">密码登录</span></a></span>
                                    <p class="input-layout phone-pwd-layout"><input type="text" autocomplete="off" class="inputtexts password phone-pwd" id="login_password" tabindex="-1" value="请输入手机动态密码" /></p>
                                    <a href="javascript:void(0)"  tabindex="-1" class="submit-btn-red" id="send_btn1">获取</a>
                                </li>
                                <li id="lg1"><a  tabindex="-1" href="javascript:void(0)"  class=" submit-btn-green login_btn" id="login_btn"><span class="fore">登&nbsp;&nbsp;录</span><span class="back">处理中...</span></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="remind"><input type="checkbox" tabindex="-1" class="self-checkbox check" id="auto_login" name="sex" value="1" autocomplete="off" /><label>自动登录</label><a href="/user/forget.html" target="_blank" class="forget" class="green">忘记密码?</a></div>
            </div>
            <div class="register-container" id="register_box">
                <p class="register-tip">温馨提示：使用手机号注册登陆官网，可以省去忘记密码的问题。手机号登录后，您可以查询在好药师京东、天猫上订单并和微信服务打通。</p>
                <ul class="cf">
                    <li class="row require"><p class="input-layout input-name"><input type="text" value="" autocomplete="off" class="inputtexts name" id="register_name"/></p></li>
                    <li class="row hide require" id="nick_wrap"><p class="input-layout"><input type="text" value="昵称" autocomplete="off" class="inputtexts nick-name" id="nick_name"/></p></li>
                    <li class="row hide" id="fast_tip"><p>您可以不用填密码，直接用手机验证码快速注册</p></li>
                    <li class="row require" id="pwd_skin1"><p class="input-layout phone-pwd-layout phone-pwd-layout3"><input type="password" value="" autocomplete="off" class="inputtexts password" id="register_password"/></p></li>
                    <li class="row require" id="pwd_skin2"><p class="input-layout phone-pwd-layout phone-pwd-layout3"><input type="password" value="" autocomplete="off" class="inputtexts password" id="register_password2"/></p></li>
                    <li class="row require img-wrap cf" id="img_wrap"><span class="input-layout"><input type="text" value="请输入验证码" autocomplete="off" class="inputtexts vd" id="img_validate" /></span><img src="" alt="验证码" id="img_btn" /></li>
                    <li class="row require phone-wrap"><p class="input-layout"><input type="text" value="请输入手机验证码" autocomplete="off" class="inputtexts vd" id="phone_validate" style="width:303px" /></p><a class="submit-btn-red" href="javascript:void(0)" id="send_btn2">获取</a></li>
                    
                    <li class="row"><a href="javascript:void(0)"  class=" submit-btn-green login_btn" id="register_btn">注&nbsp;&nbsp;册</a></li>
                    <li id="protocol_tips"><input type="checkbox" checked="checked" class="self-checkbox check" id="protocol" name="sex" value="1" autocomplete="off" /><label>我已阅读并同意;</label><a href="http://news.ehaoyao.com/help/registrationagreement.html"  target="_blank" class="green protocol">《好药师用户注册协议》</a></li>
                    <input type="hidden" value="1" id="protocol_input" autocomplete="off" />
                </ul>
            </div>
        </div>
        <!-- 注册绑定 -->
        <div class="login-box flex-box" id="ubox6">
            <div class="unite-box">
                <div class="unite-title">好药师账号绑定</div>
                <span class="arrow"></span>
            </div>
            <ul class="register-container cf bind-box">
                <li class="row require"><p class="input-layout"><input type="text" value="2-20位中文、字母或数字" autocomplete="off" class="inputtexts name" id="register_name_bind"/></p></li>
                <li class="row require"><p class="input-layout phone-pwd-layout phone-pwd-layout3"><input type="password" value="" autocomplete="off" class="inputtexts password" id="register_password_bind"/></p></li>
                <li class="row require"><p class="input-layout phone-pwd-layout phone-pwd-layout3"><input type="password" value="" autocomplete="off" class="inputtexts password" id="register_password2_bind"/></p></li>
                
                <li class="row"><a href="javascript:void(0)"  class=" submit-btn-green login_btn" id="register_bind_btn">绑定并注册</a></li>
                <div class="back" style="margin-left:40px;"><a href="javascript:void(0)" id="back_phone" class="left hide">手机绑定>></a><a href="javascript:void(0)" id="back_mail" class="left hide">邮箱绑定>></a><a href="javascript:void(0)" id="back_blogin">返回>></a></div>
            </ul>
        </div>
        <div class="login-box flex-box" id="ubox2">
            <div class="unite-box">
                <div class="unite-title">好药师账号绑定</div>
                <span class="arrow"></span>
            </div>
            <div class="tab">
                <ul class="cf">
                    <li class="row"><p class="input-layout"><input type="text" value="请输入您的好药师帐号" autocomplete="off" class="inputtexts name" id="bind_name" /></li>
                    <li class="row img-wrap cf" id="img_wrap3"><span class="input-layout"><input type="text" value="请输入验证码" autocomplete="off" class="inputtexts vd" id="img_validate3" /></span><img src="" alt="验证码" id="img_btn3" /></li>
                    <li class="row tab-li">
	                    <ul class="tab-ul cf" id="tab_ul">
	                        <li class="row">
		                        <span class="btn-border btn-border2"><a href="javascript:void(0)" tabindex="-1" class="submit-btn-green btn-prev" id="bind_prev"><span class="fore">手机动态登录</span></a></span>
		                        <p class="input-layout phone-pwd-layout phone-pwd-layout2"><input type="password" value="" id="bind_pwd" class="inputtexts password cmomon-pwd" autocomplete="off" _value=""></p>
		                    </li>
		                    <li class="row">
		                        <span class="btn-border" style="width:108px;"><a id="bind_next" class="submit-btn-green btn-next" tabindex="-1" href="javascript:void(0)"><span class="fore">密码登录</span></a></span>
		                        <p class="input-layout phone-pwd-layout"><input type="text" autocomplete="off" class="inputtexts password phone-pwd" id="bind_mobile" value="请输入手机动态密码" /></p>
		                        <a href="javascript:void(0)" class="submit-btn-red" id="send_btn3">获取</a>
		                    </li>
		                </ul>
		            </li>
                    <li><a href="javascript:void(0)"  class=" submit-btn-green login_btn" id="finish_bind1"><span class="fore">完成绑定</span><span class="back">处理中...</span></a></li>
                    <div class="back"><a href="javascript:void(0)" id="back_register" class="left">新建帐号绑定>></a><a href="javascript:void(0)" id="back1">返回>></a></div>
                </ul>
            </div>
        </div>
        <div class="login-box flex-box" id="ubox3">
            <div class="unite-box">
                <div class="unite-title">手机绑定</div>
                <span class="arrow"></span>
            </div>
            <div class="tab">
                <ul class="cf">
                    <li class="row"><p class="input-layout"><input type="text" value="请输入您的手机号码" autocomplete="off" class="inputtexts bind-phone" id="bind_phone" /></p></li>
                    <li class="row img-wrap cf" id="img_wrap4"><span class="input-layout"><input type="text" value="请输入验证码" autocomplete="off" class="inputtexts vd" id="img_validate4" /></span><img src="" alt="验证码" id="img_btn4" /></li>
                    <li class="row phone-wrap"><p class="input-layout"><input type="text" value="输入手机验证码" autocomplete="off" class="inputtexts password" id="phone_validate2" style="width:303px" /></p><a class="submit-btn-red" id="send_btn4" href="javascript:void(0)">获取</a></li>
                    <li><a href="javascript:void(0)"  class=" submit-btn-green login_btn" id="finish_bind2"><span class="fore">完成绑定</span><span class="back">处理中...</span></a></li>
                    <div class="back"><a href="javascript:void(0)" id="back2">返回>></a></div>
                </ul>
            </div>
        </div>
        <div class="login-box flex-box" id="ubox4">
            <div class="unite-box">
                <div class="unite-title">邮 箱 绑 定</div>
                <span class="arrow"></span>
            </div>
            <div class="tab">
                <ul class="cf">
                    <li class="row"><p class="input-layout"><input type="text" value="请输入您的常用邮箱" autocomplete="off" class="inputtexts bind-email" id="bind_email" /></p></li>
                    <li><a href="javascript:void(0)"  class=" submit-btn-green login_btn" id="finish_bind3"><span class="fore">发送验证邮件</span><span class="back">处理中...</span></a></li>
                    <p class="mail-tip" id="mail_tip"></p>
                    <div class="back"><a href="javascript:void(0)" id="back3">返回>></a></div>
                </ul>
            </div>
        </div>
        <div class="flex-box" id="ubox5">
            <div class="bind-all">
                <div class="bind-all-title">
                    <div class="content"><em id="qq_nickname" style="color:#f15a28;"></em>好药师商城欢迎您，发现您为<span id="openPlatformId"></span>联合登录账户,您可以通过下方自动生成并绑定好药师账户直接进入购物。</div>
                    <span class="arrow"></span>
                </div>
                <div class="auto-btn"><a href="javascript:void(0)"  class="submit-btn-green" id="auto_bind_btn"><span class="fore">自动生成好药师账号并绑定</span></a></div>
                <div class="bind-all-title">
                    <div class="content">您还可以通过以下三种途径自主设置您的好药师专属账户，方便您的下次登录！</div>
                    <span class="arrow"></span>
                </div>
                <ul class="cf">
                    <li class="b1"><div class="i1"></div><a href="javascript:void(0)"  class=" submit-btn-green" id="bind1"><span class="fore">绑定好药师</span></a></li>
                    <li class="b2"><div class="i2"></div><a href="javascript:void(0)"  class=" submit-btn-green" id="bind2"><span class="fore">绑定邮箱</span></a></li>
                    <li class="b3"><div class="i3"></div><a href="javascript:void(0)"  class=" submit-btn-green" id="bind3"><span class="fore">绑定手机</span></a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src='${staticRSC["js/login.js"]}'></script>
<script type="text/javascript" src="http://img01.img.ehaoyao.com/images/trace.js"></script>
</body>
</html>
